<template>
    <div class="page">
        <div class="page-top">
            <div class="content">
                <div class="name">你好，刘炜</div>
                <img class="hello" src="@/assets/hello.png" alt="">
            </div>
        </div>
        <div class="list">
            <img v-for="i in 6" :src="getImage(i)" alt="" />
        </div>
    </div>
</template>

<script setup lang="ts">
    const getImage = (key:number)=>{
        return new URL(`../../assets/nav${key}.png`, import.meta.url).href; //import.meta 对象包含关于当前模块的信息。
    }
</script>

<style lang="scss" scoped src="./Index.scss"></style>
